body{
    background-color: #ffffff;
    background-image:url('../../../modulo diseño/img/fondo_mexico.jpg');
    background-repeat: no-repeat;
  }
  .button--loading .button__text {
visibility: hidden;
opacity: 0;
}

.button {
position: relative;
padding: 8px 10px;

border: none;
outline: none;
border-radius: 6px;
cursor: pointer;
}

.button:active {
}

.button__text {
}

.button--loading .button__text {
visibility: hidden;
opacity: 0;
}

.button--loading::after {
content: "cargando.....";
position: absolute;
width: 10px;
height: 10px;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
border: 4px solid transparent;
border-top-color: #ffffff;
border-radius: 50%;
animation: button-loading-spinner 1s ease infinite;
}

@keyframes button-loading-spinner {
from {
transform: rotate(0turn);
}

to {
transform: rotate(1turn);
}
}
th {
  font-size: 10px;
}
td{
  font-size: 11px;
}
.form-control{
    font-size: 70%;
}
label{
font-size: 70%;
}
.btn-sm{
 font-size: 70%;
}